<%--
    @Description： 设备新增
    @Author： 樊双峰
    @Date： 2018-07-03 22:52
--%>
<style type="text/css">
.save {
    margin: 0px 15px;
}
</style>
<div class="bjui-pageHeader">
</div>
<div class="bjui-pageContent tableContent">
    <form id="addfinalyieldfrom" class="pageForm nice-validator n-red" data-reload-navtab="true" data-toggle="validate"
          action="${request.getContextPath()}/EqpBoard/saveEqpInfo?uid=${EqpShape?.id}&x=100&y=100&rotation=0"
          method="post">
        <div class="bjui-searchBar">
            <table class="table table-condensed table-hover">
                <tr>
                    <td>
                        <label class="control-label x90">设备区域<strong><span class="text-danger"></span></strong>：</label>
                    </td>
                    <td>
                        <g:select name="areaName" from="${areaList}" data-toggle="selectpicker" data-live-search="true"
                                  optionKey="AREA_NAME" optionValue="AREA_DESC" value="${areaName}"
                                  data-width="150"
                                  noSelection="['': '-- 请选择 --']"/>&nbsp;
                    </td>
                </tr>
                <tr>
                    <td><label>设备ID<strong><span class="text-danger">*</span></strong>：</label></td>
                    <td>
                        <g:select name="eqpId" from="${eqpList}" data-rule="required" data-toggle="selectpicker" data-live-search="true"
                                  optionKey="EQP_ID" optionValue="EQP_ID" value="${EqpShape.eqpId}"
                                  data-width="150"
                                  noSelection="['': '-- 请选择 --']"/>&nbsp;
                    </td>
                </tr>
                <tr>
                    <td><label>图形名<strong><span class="text-danger">*</span></strong>：</label></td>
                    <td>
                        <g:select name="graphName" from="${graphList}" data-rule="required" data-toggle="selectpicker" data-live-search="true"
                                  optionKey="GRAPH_NAME" optionValue="GRAPH_DESC" value="${EqpShape.graphName}"
                                  data-width="150"
                                  noSelection="['': '-- 请选择 --']"/>&nbsp;
                    </td>
                </tr>
                <tr>
                    <td><label>端口<strong><span class="text-danger"></span></strong>：</label></td>
                    <td>
                        <g:select name="portId" from="${portList}" data-toggle="selectpicker" data-live-search="true"
                                  optionKey="PORT_ID" optionValue="PORT_ID" value="${EqpShape.portId}"
                                  data-width="150"
                                  noSelection="['': '-- 请选择 --']"/>&nbsp;
                    </td>
                </tr>
                <tr>
                    <td><label>宽度<strong><span class="text-danger">*</span></strong>：</label></td>
                    <td>
                        <input name="width" style="width: 150px" value="${EqpShape.width}" data-rule="required"  data-rule="digits"/>
                    </td>
                </tr>
                <tr>
                    <td><label>高度<strong><span class="text-danger">*</span></strong>：</label></td>
                    <td>
                        <input name="height" style="width: 150px" value="${EqpShape.height}" data-rule="required" data-rule="digits"/>
                    </td>
                </tr>
            </table>
        </div>
        <input type="hidden" name="id" value="${EqpShape?.id}"/>
    </form>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn btn-close">关闭</button></li>
        <li><button type="submit" class="btn btn-green save">保存</button></li>
    </ul>
</div>